Контуры очень похожи на границы, но есть и незначительные отличия,
- Контур не занимает места.
- Контуры не должны быть прямоугольными.
- Контур всегда одинаковый со всех сторон; вы не можете указывать разные значения для разных сторон элемента.
ПРИМЕЧАНИЕ. Свойства контура не поддерживаются IE 6 или Netscape 7.
С помощью CSS можно задать следующие свойства контура.
- Свойство outline-width используется для установки ширины контура.
- Свойство outline-style используется для установки стиля линии для контура.
- Свойство outline-color используется для установки цвета контура.
- Свойство outline используется для установки всех трех вышеуказанных свойств в одном выражении.
Свойство outline-width
Свойство outline-width
указывает ширину контура, который нужно добавить в поле. Его значение должно быть длиной или одним из значений thin
, medium
,или thick
, подобно атрибуту border-width
. Ширина нулевых пикселей означает отсутствие контуров.
Вот пример -
Это приведет к следующему результату -